
// 获取整个页面
new Vue({
    el: '#app',
    data: {
        userList: [],
        user: {},
        checkedList: []
    },
    methods: {
        findAll(){
            let this_ = this;
            // 异步加载 从sql得到用户数据值
            axios.get("/user/findAll")
                .then(response => { // 箭头函数: 得到上一级对象
                    this_.userList = response.data;
                })
        },

        toSave(){
            // 每次弹出前, 清理user残存值
            this.user = [];
            // 弹出 模态窗口
            $("#myModal1").modal("show");
            // -> 前端html 建立model双向数据绑定
        },
        save(){
            // 异步加载, 传输新增信息到数据库
            axios.post("/user/save",this.user)
                .then(response => {
                    this.findAll();
                })
        },

        toEdit(user){
            // alert(id);
            // // 回显数据
            // axios.get("/user/toEdit?id="+id)
            //     .then(response => {
            //         // resp带回数据
            //         this.user = response.data;
            //         // 显示
            //         // 弹出含有信息的 修改 模态窗口
            //         $("#myModal").modal("show");
            //     })
            this.user = user;
            $("#myModal").modal("show");


        },
        edit(){
            axios.post("/user/edit",this.user)
                .then(response => {
                    this.findAll();
                })
        },

        deleteByIds(){
            // 异步加载,把选中的id传给java
            axios.get("/user/deleteByIds?ids="+this.checkedList)
                .then(response => {
                    this.findAll();
                })
        }
    },
    // 钩子函数
    created(){
        this.findAll();
    }
})